<template>
	<view>
		<view class="top1">
			<view @click="fh" class="right_arrow"></view>
		</view>
		<div class="g1">
			<image class="tree" src="/static/tree.png"></image>
			<image class="qp" src="/static/qp.png"></image>
			<text class="qd">签到积分兑肥料</text>
			<image class="apple1" src="/static/apple.png"></image>
			<image class="apple2" src="/static/apple.png"></image>
			<image class="apple3" src="/static/apple.png"></image>
			<image class="apple4" src="/static/apple.png"></image>
			<image class="apple5" src="/static/apple.png"></image>
			<image class="glass1" src="/static/glass.png"></image>
			<image class="glass2" src="/static/glass.png"></image>
			<image class="glass3" src="/static/glass.png"></image>
			<image @click="sf" src="/static/肥料.png" class="fl"></image>
			<image class="kj" src="/static/i1.png"></image>
			<image class="jg" src="/static/jg.png"></image>
			<text class="sf" @click="sf">施肥</text>
			<text class="t1" @click="sf">肥料284g</text>
		</div>
		<view style="background-color: #F95738;width: 100%;
		  height: 120rpx;
		  position:fixed;
		  bottom: 0;
		  display:flex;
		  flex-direction:row;
		  justify-content:flex-start;">
		   <view @click="gotohome" id="button1">
		   <image src="/static/home.png" style="width: 60rpx;height: 60rpx;margin-left: 50rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 47rpx;font-weight: 900;">首页</view>
		   </view>
		   <view @click="gotozf" id="button2">
		   <image src="/static/zf.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 190rpx;font-weight: 900;">一键转发</view>
		   </view>
		   <view @click="gotomy" id="button3">
		   <image src="/static/me.png" style="width: 60rpx;height: 60rpx;margin-left: 170rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left:170rpx;font-weight: 900;">我的</view>
		   </view>
		  </view>
		
	</view>
</template>

<script>
	export default{
		methods:{
			sf(){
				uni.navigateTo({
					url:"/pages/my/qd/qd"
				})
			},
			gotohome(){
				uni.navigateTo({
					url:"/pages/index/index"
				})
			},
			gotozf(){
				uni.navigateTo({
					url:"/pages/zf/zf"
				})
			},
			gotomy(){
				uni.navigateTo({
					url:"/pages/my/my"
				})
			},
			fh(){
				uni.navigateBack({
					url:"/pages/my/jx/jx"
				})
			}
			
		}
	}
</script>

<style>
	page{
		background-color: #E1F2BD;
	}
	.top1{
		width: 100%;
		height: 130rpx;
		background-color: #F95738;	

		display:flex;
		flex-direction:row;
		justify-content:flex-start;
	}
	.right_arrow{
	    border:  solid white;
	    border-width: 5px 0 0 5px;
	    padding: 15rpx;
	    position: absolute;
		top:70rpx;
	    left: 45rpx;
	    transform: rotate(-45deg);
	    -webkit-transform:rotate(-45deg) ;
	}
	.g1{
		display: flex;
		position: relative;
	}
	.tree{
		position: absolute;
		width: 500rpx;
		height: 550rpx;
		margin-top: 230rpx;
		margin-left: 145rpx;
	}
	.qp{
		position: absolute;
		width: 270rpx;
		height: 100rpx;
		margin-top: 150rpx;
		margin-left: 160rpx;
	}
	.qd{
		position: absolute;
		font-size: 30rpx;
		margin-top: 175rpx;
		margin-left: 190rpx;
	}
	.apple1{
		position: absolute;
		width: 60rpx;
		height: 60rpx;
		margin-top: 270rpx;
		margin-left: 325rpx;
	}
	
	.apple2{
		position: absolute;
		width: 60rpx;
		height: 60rpx;
		margin-top: 330rpx;
		margin-left: 400rpx;
	}
	
	.apple3{
		position: absolute;
		width: 60rpx;
		height: 60rpx;
		margin-top: 400rpx;
		margin-left: 250rpx;
	}
	
	.apple4{
		position: absolute;
		width: 60rpx;
		height: 60rpx;
		margin-top: 430rpx;
		margin-left: 500rpx;
	}
	
	.apple5{
		position: absolute;
		width: 60rpx;
		height: 60rpx;
		margin-top: 450rpx;
		margin-left: 370rpx;
	}
	.glass1{
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		margin-top: 750rpx;
		margin-left: 250rpx;
	}
	.glass2{
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		margin-top: 730rpx;
		margin-left: 440rpx;
	}
	.glass3{
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		margin-top: 710rpx;
		margin-left: 465rpx;
	}
	.fl{
		position: absolute;
		width: 100rpx;
		height: 100rpx;
		margin-top: 790rpx;
		margin-left: 580rpx;
	}
	.t1{
		position: absolute;
		font-size: 30rpx;
		font-weight: bold;
		margin-top: 890rpx;
		margin-left: 565rpx;
	}
	.kj{
		position: absolute;
		width: 250rpx;
		height: 80rpx;
		margin-top: 950rpx;
		margin-left: 275rpx;
	}
	.jg{
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		margin-top: 935rpx;
		margin-left: 490rpx;
	}
	.sf{
		position: absolute;
		font-size: 50rpx;
		font-weight: bold;
		margin-top: 960rpx;
		margin-left: 350rpx;
	}
	
</style>